import React from 'react';
import { ContentWrapper, Exposure } from 'web-component';

export default () => {
  return (
    <div>
      <div
        style={{
          height: '150vh',
          backgroundColor: 'red',
        }}
      ></div>
      <ContentWrapper fontSize={'0.14rem'} line={1} color="#000000">
        我是曝光点1-每次露出上报
      </ContentWrapper>
      <Exposure
        onExposure={() => {
          console.log('1曝光啦');
        }}
      ></Exposure>
      <ContentWrapper fontSize={'0.14rem'} line={1} color="#000000">
        我是曝光点2-仅曝光一次
      </ContentWrapper>
      <Exposure
        onece
        onExposure={() => {
          console.log('2曝光啦');
        }}
      ></Exposure>
      <div
        style={{
          height: '150vh',
          backgroundColor: 'green',
        }}
      ></div>
    </div>
  );
};
